<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title><%= __('titLe') %></title>
    <link href="image/favicon.ico" rel="shortcut icon">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_607959_8t0w2txptnj.css">
    <!-- <link rel="stylesheet" href="//at.alicdn.com/t/font_538230_hp0r91q784c84cxr.css"> -->
    <link rel="stylesheet" type="text/css" href="css/iconfont.css">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/header.css">
    <link rel="stylesheet" href="css/growth.css">
    <link rel="stylesheet" href="/css/userInfo.css">
    <link rel="stylesheet" href="/css/loading.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.3.4/cropper.min.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"> -->
</head>
<body>
    <div class="growth-container">
        <%- include('base/header'); %>
            <!-- 币种管理 -->
            <div class="growth">
                <div class="loading" v-show="!loading">
                        <div class="preloader_4">
                            <span></span>
                            <span></span>
                            <span></span>
                            <span></span>
                            <span></span>
                        </div>
                </div>
                <div class="growthManagement">
                    <% if(allMine.length){ %>
                        <% allMine.forEach( (item,index) => { %>
                        <div class="growthManagementCoin">
                            <div class="currencies">
                                <img src="image/<%- item.coin %>.png" alt="">
                                <div><%- item.coin %></div>
                            </div>
                            <div class="coinBlance"><%- item.balance %></div>
                            <div class="managementMoney">
                                    <!-- <a href="/m/deposit/id=0&name=<%- item.coin %>" ><%= __('recharge') %></a>
                                    <a href="/m/withdraw/id=1&name=<%- item.coin %>" class="managementMoneyMinddle"><%= __('withdraw') %></a> -->
                                    <a href="/transaction/id=0&name=<%- item.coin %>" class="hovers"><%= __('recharge') %></a>
                                    <a href="/transaction/id=1&name=<%- item.coin %>" class="managementMoneyMinddle hovers"><%= __('withdraw') %></a>
                                    <!-- <a href="/transaction/id=2&name=<%- item.coin %>" class="hovers"><%= __('transfer') %></a> -->
                                </div>
                        </div>
                        <% }) %>
                    <% } %>
                </div>
                <div class="growth_content">
                    <div class="g_c_left">
                        <div class="user_info clear" @click="navclick(2)">
                            <div class="user_avatar fl">
                                    <!-- <img src="<%= userbasicinfo.avatar %>" alt=""> -->
                                    <!-- <img :src="avatar" alt=""> -->
                                    <% if(userbasicinfo.avatar) { %>
                                        <img :src="avatar==''?'<%= userbasicinfo.avatar %>':avatar" alt="">
                                    <% }else { %>
                                        <img src="/image/avatar.png" alt="">
                                    <% } %>
                                    <!-- <img src="/image/avatar.png" alt="" v-if="'<%= userbasicinfo.avatar %>' == ''">
                                    <img src="<%= userbasicinfo.avatar %>" alt="" v-else-if="'<%= userbasicinfo.avatar %>' != ''"> -->
                            </div>
                            <div class="user_nickname fl">
                                <span v-html="username==''?'<%= userbasicinfo.nickname %>':username"></span>
                            </div>
                        </div>
                        <div class="user_nav" ref="usernav">
                            <ul>
                                <li @click="navclick(0)" :class="{'active':activenav==0}"><div><%= __('coinHistory') %></div></li>
                                <li @click="navclick(1)" :class="{'active':activenav==1}"><div><%= __('myExtension') %></div></li>
                                <li @click="navclick(2)" :class="{'active':activenav==2}"><div><%= __('userBasicInfo') %></div></li>
                                <li @click="navclick(3)" :class="{'active':activenav==3}"><div><%= __('accountSecurity') %></div></li>
                            </ul>
                        </div>
                    </div> 
                    <div :class="['g_c_right',{'hidden':activenav!=0}]">
                        <div class="type_filter">
                            <p class="t_f_title"><%= __('coinHistory') %></p>
                            <div class="finance_type ">
                                <ul>
                                    <li><%= __('capitalType') %></li>
                                    <li @click="changefinancetype(0)" :class="['financeli',{'current':financetypenum==0}]"><%= __('all') %></li>
                                    <li @click="changefinancetype(1)" :class="['financeli',{'current':financetypenum==1}]"><%= __('game') %></li>
                                    <li @click="changefinancetype(2)" :class="['financeli',{'current':financetypenum==2}]"><%= __('recharge') %></li>
                                    <li @click="changefinancetype(3)" :class="['financeli',{'current':financetypenum==3}]"><%= __('withdraw') %></li>
                                    <li @click="changefinancetype(4)" :class="['financeli',{'current':financetypenum==4}]"><%= __('transfer') %></li>
                                    <li @click="changefinancetype(5)" :class="['financeli',{'current':financetypenum==5}]"><%= __('aggame') %></li>
                                    <li @click="changefinancetype(8)" :class="['financeli',{'current':financetypenum==8}]"><%= __('Shaba') %></li>
                                    <li @click="changefinancetype(6)" :class="['financeli',{'current':financetypenum==6}]"><%= __('extension') %></li>
                                    <li @click="changefinancetype(7)" :class="['financeli',{'current':financetypenum==7}]"><%= __('others') %></li>
                                </ul>
                            </div>
                            <div class="coin_type ">
                                <ul>
                                    <li><%= __('coinType') %></li>
                                    <li @click="changecointype('',-1)" 
                                    :class="['coinli',{'current':cointypenum==-1}]"><%= __('all') %></li>
                                    <% if(allMine.length){ %>
                                        <% allMine.forEach( (item,index) => { %>
                                            <li @click="changecointype('<%= item.coin %>','<%= index %>')" 
                                            :class="['coinli',{'current':cointypenum=='<%= index %>'}]">
                                                <%= item.coin %>
                                            </li>
                                        <% }) %>
                                    <% } %>
                                </ul>
                            </div>
                        </div>
                        <div class="detailed">
                            <ul class="detailed_wrap">
                                <template v-if="coinhistory.list.length==0">
                                        <li class="Nodata"><%= __('NoData') %></li>
                                </template>
                                <li v-for="(item,index) in coinhistory.list">
                                    <span>{{getTime(item.time)}}</span>
                                    <template v-if="item.type=='TRANSFER TO AG' || item.type=='TRANSFER TO SB'">
                                        <span>{{item.amount}}</span>
                                        <span>{{item.coin}}</span>
                                    </template>
                                    <template v-else-if="item.type=='TRANSFER FROM AG'">
                                        <span>{{item.agcompute}}</span>
                                    </template>
                                    <template v-else-if="item.type=='TRANSFER FROM SB'">
                                        <span>{{item.sbcompute}}</span>
                                    </template>
                                    <template v-else>
                                        <span>{{item.coin}}</span>
                                    </template>
                                    <!-- <template v-if="item.type=='TRANSFER TO SB'">
                                        <span>{{item.amount}}</span>
                                        <span>{{item.coin}}</span>
                                    </template>
                                    <template v-else-if="item.type=='TRANSFER FROM SB'">
                                        <span>{{item.agcompute}}</span>
                                    </template>
                                    <template v-else>
                                        <span>{{item.coin}}</span>
                                    </template> -->
                                    <span v-if="filterStr(item.type)=='faucet'"><%= __('faucet') %></span>
                                    <span v-else-if="filterStr(item.type)=='pay'"><%= __('pay') %></span> 
                                    <span v-else-if="filterStr(item.type)=='commission'"><%= __('commission') %></span> 
                                    <span v-else-if="filterStr(item.type)=='repay'"><%= __('repay') %></span>
                                    <span v-else-if="filterStr(item.type)=='invest'"><%= __('invest') %></span>
                                    <span v-else-if="filterStr(item.type)=='divest'"><%= __('divest') %></span>
                                    <span v-else-if="filterStr(item.type)=='withdraw'"><%= __('withdraw') %></span>
                                    <span v-else-if="filterStr(item.type)=='withdraw rejected'"><%= __('withdrawrejected') %></span>
                                    <span v-else-if="filterStr(item.type)=='withdraw passed'"><%= __('withdrawpassed') %></span>
                                    <span v-else-if="filterStr(item.type)=='withdraw with fee'"><%= __('withdrawwithfee') %></span>
                                    <span v-else-if="filterStr(item.type)=='transfer'"><%= __('transfer') %></span>
                                    <span v-else-if="filterStr(item.type)=='transfer in'"><%= __('transferin') %></span>
                                    <span v-else-if="filterStr(item.type)=='transfer out'"><%= __('transferout') %></span>
                                    <span v-else-if="filterStr(item.type)=='deposit'"><%= __('recharge') %></span>
                                    <span v-else-if="filterStr(item.type)=='transfer to ag'"><%= __('transfertoag') %></span>
                                    <span v-else-if="filterStr(item.type)=='transfer from ag'"><%= __('transferfromag') %></span>
                                    <span v-else-if="filterStr(item.type)=='commision'"><%= __('commision') %></span>
                                    <span v-else-if="filterStr(item.type)=='transfer to sb'"><%= __('Shaba1') %></span>
                                    <span v-else-if="filterStr(item.type)=='transfer from sb'"><%= __('Shaba2') %></span>
                                    <span v-else>{{item.type}}</span>
                                    <template v-if="item.type=='TRANSFER TO AG'">
                                        <span>{{item.agcompute}}</span>
                                    </template>
                                    <template v-else-if="item.type=='TRANSFER TO SB'">
                                        <span>{{item.sbcompute}}</span>
                                    </template>
                                    <template v-else-if="item.type=='TRANSFER FROM AG' || item.type=='TRANSFER FROM SB'">
                                        <span>{{item.amount}}</span>
                                        <span>{{item.coin}}</span>
                                    </template>
                                    <template v-else>
                                        <span>{{item.amount}}</span>
                                    </template>
                                    <!-- <template v-if="item.type=='TRANSFER TO SB'">
                                        <span>{{item.agcompute}}</span>
                                    </template>
                                    <template v-else-if="item.type=='TRANSFER FROM SB'">
                                        <span>{{item.amount}}</span>
                                        <span>{{item.coin}}</span>
                                    </template>
                                    <template v-else>
                                        <span>{{item.amount}}</span>
                                    </template> -->
                                </li>
                            </ul>
                            <div class="detailed_btn">
                                <ul class="pagination">
                                    <li v-show="coinhistory.p != 1" @click="Home()">
                                                <a href="javascript:;"><%= __('Home') %></a>
                                    </li>
                                    <li v-show="coinhistory.p != 1" @click="coinhistory.p-- && goto(coinhistory.p)">
                                        <a href="javascript:;"><%= __('lastpage') %></a>
                                    </li>
                                    <li v-for="index in pages" @click="goto(index)" :class="{'active':coinhistory.p == index}" :key="index">
                                        <a class="pages" href="javascript:;">{{index}}</a>
                                    </li>
                                    <li v-show="allpage != coinhistory.p && allpage != 0 " @click="coinhistory.p++ && goto(coinhistory.p)">
                                        <a href="javascript:;"><%= __('nextpage') %></a>
                                    </li>
                                    <li v-show="allpage != coinhistory.p && allpage != 0 " @click="lastPage()">
                                            <a href="javascript:;"><%= __('wlastPage') %></a>
                                   </li>
                                    <li v-show="allpage != coinhistory.p && allpage != 0 " class="variable">
                                        <%= __('redirectTo') %>
                                         <!-- <input type="text" v-model="variable"> -->
                                         <input onKeyPress="if(event.keyCode!=46 && event.keyCode!=45 && (event.keyCode<48 || event.keyCode>57)) event.returnValue=false" v-model="variable">
                                         <%= __('page') %>
                                    </li>
                                    <li v-show="allpage != coinhistory.p && allpage != 0 " @click="coinhistory.p++ && gotoo(variable)" class="go">
                                        GO!
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div :class="['g_c_right',{'hidden':activenav!=1}]">
                        <div class="promotion-box">
                            <div class="promotion-top" ref="spreadnav">
                                <div class="promotion-tab">
                                    <div @click="changespread(0)" :class="['Promotioncode',{'active':spreadnum==0}]"><%= __('myExtension') %></div>
                                    <div @click="changespread(1)" :class="['Promotioncode',{'active':spreadnum==1}]"><%= __('extensionCode') %></div>
                                    <div class="transformhelp-box">
                                        <div class="transformhelp <%= lang %>">?</div>
                                        <div class="transformhelp1 topcenter <%= lang %>">
                                            <p><%= __('AGdivision1') %></p>
                                            <p><%= __('AGdivision2') %></p>
                                            <p><%= __('AGdivision3') %></p>
                                            <p><%= __('AGdivision4') %></p>
                                            <p><%= __('AGdivision5') %></p>
                                            <p><%= __('AGdivision6') %></p>
                                            <p><%= __('AGdivision7') %></p>
                                            <p><%= __('AGdivision8') %></p>
                                            <p><%= __('AGdivision9') %></p>
                                            <p><%= __('AGdivision10') %></p>
                                        </div>
                                    </div>

                                    <div class="Numberofpeople fr">
                                        <div v-show="promotionnumm=='first'" class="Promotionnumber"><%= __('extensionNum1') %></div>
                                        <div v-show="promotionnumm=='second'" class="Promotionnumber"><%= __('extensionNum2') %></div>
                                        <div v-show="promotionnumm=='third'" class="Promotionnumber"><%= __('extensionNum3') %></div>
                                        <div v-show="promotionnumm=='fourth'" class="Promotionnumber"><%= __('extensionNum4') %></div>
                                        <div v-show="promotionnumm=='fifth'" class="Promotionnumber"><%= __('extensionNum5') %></div>
                                        <div class="Recommendednumber" v-html="myinvitation.total"></div>
                                    </div>
                                </div>
                                <div class="sponsoredlinks-box" v-if="spreadnum==0">
                                    <div class="sponsoredlinks"><%= __('extensionLink') %></div>
                                    <div class="sponsoredlinks-input">
                                        <input type="text" id="biaoios" :value='location+"?ref=<%= userbasicinfo.id %>"'>
                                        <input id="hidetext" ref="inputtext"
                                            :value='"<%= __('copythat') %>"+location+"?ref=<%= userbasicinfo.id %>"' />
                                        <div class="copy" @click="onCopy()"><%= __('copy') %></div>
                                    </div>
                                </div>
                                <div class="spreadcode" v-if="spreadnum==1">
                                    <div class="s_code_item clear">
                                        <div class="specification fl">125px*125px</div>
                                        <div class="specification-text fl">
                                            {{webhref('image/webmasterrecomd1.gif')}}
                                        </div>
                                    </div>
                                    <div v-html="webhref('image/webmasterrecomd1.gif')" class="jif-l"></div>
                                    <div class="s_code_item clear">
                                        <div class="specification fl">750px*90px</div>
                                        <div class="specification-text fl">
                                            {{webhref('image/webmasterrecomd2.gif')}}
                                        </div>
                                    </div>
                                    <div v-html="webhref('image/webmasterrecomd2.gif')" class="jif-r"></div>
                                </div>
                            </div>
                            <div class="promotion-center" v-if="spreadnum==0">
                                <div class="promotion-center-top"><%= __('myCommission') %>
                                </div>
                                <ul>
                                    <!-- <template v-if="usercommision.brokerage">
                                        <li v-for="(val, key, index) in usercommision.brokerage" :key="index">
                                            <div class="funds" v-html="val || 0"></div>
                                            <div class="species" v-html="key"></div>
                                        </li>
                                    </template> -->
                                    <% allMine.forEach( (item,index) => { %>
                                        <% if(item.coin=='HPS') { %>
                                            <li>
                                                <div class="funds" v-html="getCgera(brokerage0 || 0)"></div>
                                                <div class="species" v-html="<%= item.coin %>"></div>
                                            </li>
                                         <% } %>
                                         <% if(item.coin=='ETH') { %>
                                            <li>
                                                <div class="funds" v-html="getCgera(brokerage1 || 0)"></div>
                                                <div class="species" v-html="<%= item.coin %>"></div>
                                            </li>
                                         <% } %>
                                         <% if(item.coin=='BTC') { %>
                                            <li>
                                                <div class="funds" v-html="getCgera(brokerage2 || 0)"></div>
                                                <div class="species" v-html="<%= item.coin %>"></div>
                                            </li>
                                         <% } %>
                                         <% if(item.coin=='HSR') { %>
                                            <li>
                                                <div class="funds" v-html="getCgera(brokerage3 || 0)"></div>
                                                <div class="species" v-html="<%= item.coin %>"></div>
                                            </li>
                                         <% } %>
                                         <% if(item.coin=='HAND') { %>
                                                <li>
                                                    <div class="funds" v-html="getCgera(brokerage4 || 0)"></div>
                                                     <div class="species" v-html="<%= item.coin %>"></div>
                                                </li>
                                         <% } %>
                                         <% if(item.coin=='HART') { %>
                                            <li>
                                                <div class="funds" v-html="getCgera(brokerage5 || 0)"></div>
                                                <div class="species" v-html="<%= item.coin %>"></div>
                                            </li>
                                         <% } %>
                                         <% if(item.coin=='MOT') { %>
                                            <li>
                                                <div class="funds" v-html="getCgera(brokerage6 || 0)"></div>
                                                <div class="species" v-html="<%= item.coin %>"></div>
                                            </li>
                                         <% } %>
                                    <% }) %>
                                </ul>
                            </div>
                            <div class="promotion-bottom" v-if="spreadnum==0">
                                <div class="promotion-bottom-tab">
                                    <div @click="changepromotion(1)" :class="['Promoteusers',{'active':promotionnum==1}]"><%= __('extensionUser') %></div>
                                    <div @click="changepromotion(0)" :class="['Promoteusers',{'active':promotionnum==0}]"><%= __('extensionDetail') %></div>
                                </div>
                                <ul class="pagination-list" v-if="promotionnum==0">
                                    <template v-if="usercommision.list.length==0">
                                        <li class="Nodata"><%= __('NoData') %></li>
                                    </template>
                                    <template v-if="usercommision.list.length">
                                        <li v-for="(item,index) in usercommision.list" :key="index">
                                            {{getTime(item.time)}}&nbsp;&nbsp; <%= __('commsion1') %>&nbsp;&nbsp;{{InterceptionMailbox(item.remark)}}&nbsp;&nbsp;<%= __('commsion2') %>{{item.amount}}{{item.coin}}<%= __('commsion3') %>
                                        </li>
                                    </template>
                                </ul>
                                <div class="pagebtn" v-if="promotionnum==0">
                                    <ul class="pagination" v-if="usercommision.list.length">
                                        <li v-show="usercommision.p!=1&&usercommision.p<=Math.ceil(usercommision.total/usercommision.s)" @click="Homet()">
                                            <a href="javascript:;"><%= __('Home') %></a>
                                        </li>
                                        <li v-show="usercommision.p!=1&&usercommision.p<=Math.ceil(usercommision.total/usercommision.s)" 
                                        @click="usercommision.p-- && getcurrentCommision(usercommision.p)">
                                            <a href="javascript:;"><%= __('lastpage') %></a>
                                        </li>
                                        <li v-for="index in usercommisionpages" @click="gotoPromotion(index)" 
                                        :class="{'active':usercommision.p == index}" :key="index">
                                            <a href="javascript:;">{{index}}</a>
                                        </li>
                                        <li v-show="usercommision.p<Math.ceil(usercommision.total/usercommision.s)" 
                                        @click="usercommision.p++ && getcurrentCommision(usercommision.p)">
                                            <a href="javascript:;"><%= __('nextpage') %></a>
                                        </li>
                                        <li v-show="usercommision.p<Math.ceil(usercommision.total/usercommision.s)" @click="lastPaget()">
                                                <a href="javascript:;"><%= __('wlastPage') %></a>
                                       </li>
                                        <li v-show="usercommision.p<Math.ceil(usercommision.total/usercommision.s)" class="variable">
                                                <%= __('redirectTo') %>
                                                 <!-- <input type="text" v-model="variable"> -->
                                                 <input onKeyPress="if(event.keyCode!=46 && event.keyCode!=45 && (event.keyCode<48 || event.keyCode>57)) event.returnValue=false" v-model="variablee">
                                                 <%= __('page') %>
                                        </li>
                                        <li v-show="usercommision.p<Math.ceil(usercommision.total/usercommision.s)" @click="tguango(variablee)" class="go">
                                                GO!
                                        </li>
                                    </ul>
                                </div>
                                <!-- <ul class="Promote-users" v-if="promotionnum==1">
                                        <li v-if="myinvitation.list.length!=0">
                                            <div>UID</div>
                                            <div><%= __('resetEmail') %></div>
                                            <div><%= __('createat') %></div>
                                            <div><%= __('username') %></div>
                                        </li>
                                        <template v-if="myinvitation.list.length==0">
                                                <li class="Nodata"><%= __('NoData') %></li>
                                            </template>
                                        <template v-if="myinvitation.list.length">
                                            <li v-for="(item,index) in myinvitation.list">
                                                <div v-html="item.id"></div>
                                                <div v-html="item.email"></div>
                                                <div v-html="getTime(item.createdAt)"></div>
                                                <div v-html="item.nickname"></div>
                                            </li>
                                        </template>
                                </ul> --> 
                                <div class="Promoteuserss-box" v-if="promotionnum==1">
                                    <div @click="changepromotionn('first')" :class="['Promoteuserss',{'active':promotionnumm=='first'}]">M1</div>
                                    <div @click="changepromotionn('second')" :class="['Promoteuserss',{'active':promotionnumm=='second'}]">M2</div>
                                    <div @click="changepromotionn('third')" :class="['Promoteuserss',{'active':promotionnumm=='third'}]">M3</div>
                                    <div @click="changepromotionn('fourth')" :class="['Promoteuserss',{'active':promotionnumm=='fourth'}]">M4</div>
                                    <div @click="changepromotionn('fifth')" :class="['Promoteuserss',{'active':promotionnumm=='fifth'}]">M5</div>
                                </div>
                                <ul class="Promote-users" v-if="promotionnumm&&promotionnum==1">
                                    <li v-if="myinvitation.list.length!=0">
                                        <div>UID</div>
                                        <div><%= __('resetEmail') %></div>
                                        <div><%= __('createat') %></div>
                                        <div><%= __('username') %></div>
                                    </li>
                                    <template v-if="myinvitation.list.length==0">
                                            <li class="Nodata"><%= __('NoData') %></li>
                                        </template>
                                    <template v-if="myinvitation.list.length">
                                        <li v-for="(item,index) in myinvitation.list">
                                            <div v-html="item.id"></div>
                                            <div v-html="item.email"></div>
                                            <div v-html="getTime(item.createdAt)"></div>
                                            <div v-html="item.nickname"></div>
                                        </li>
                                    </template>
                                </ul>
                                <div class="pagebtn" v-if="promotionnum==1">
                                    <ul class="pagination" v-if="myinvitation.list.length">
                                        <li v-show="myinvitation.p!=1&&myinvitation.p<=Math.ceil(myinvitation.total/myinvitation.s)" @click="Homett()">
                                            <a href="javascript:;"><%= __('Home') %></a>
                                        </li>
                                        <li v-show="myinvitation.p!=1&&myinvitation.p<=Math.ceil(myinvitation.total/myinvitation.s)" 
                                        @click="myinvitation.p--&&getcurrentInvitations(myinvitation.p)">
                                            <a href="javascript:;"><%= __('lastpage') %></a>
                                        </li>
                                        <li v-for="index in invitationpages" @click="getcurrentInvitations(index)" 
                                        :class="{'active':myinvitation.p == index}" :key="index">
                                            <a href="javascript:;">{{index}}</a>
                                        </li>
                                        <li v-show="myinvitation.p<Math.ceil(myinvitation.total/myinvitation.s)" @click="myinvitation.p++&&getcurrentInvitations(myinvitation.p)">
                                            <a href="javascript:;"><%= __('nextpage') %></a>
                                        </li>
                                        <li v-show="myinvitation.p<Math.ceil(myinvitation.total/myinvitation.s)" @click="lastPagett()">
                                            <a href="javascript:;"><%= __('wlastPage') %></a>
                                       </li>  
                                        <li v-show="myinvitation.p<Math.ceil(myinvitation.total/myinvitation.s)" class="variable">
                                                <%= __('redirectTo') %>
                                                
                                                <input onKeyPress="if(event.keyCode!=46 && event.keyCode!=45 && (event.keyCode<48 || event.keyCode>57)) event.returnValue=false" v-model="variableee">
                                                <%= __('page') %>
                                        </li>
                                        <li v-show="myinvitation.p<Math.ceil(myinvitation.total/myinvitation.s)"  @click="gotoPromotiont(variableee)" class="go">
                                                GO!
                                        </li>
                                    </ul>
                            </div>
                            </div>
                        </div>
                    </div>
                    <div :class="['g_c_right',{'hidden':activenav!=2}]">
                        <div class="personal-box">
                            <div class="personal-box-top">
                                <div><%= __('userBasicInfo') %></div>
                            </div>
                            <div class="personal-box-Avatar">
                                <div class="Avatar">
                                    <!-- <img src="<%= userbasicinfo.avatar %>" alt="" id="img1" v-if="'<%= userbasicinfo.avatar %>' == null">  v-html="username==''?'<%= userbasicinfo.nickname %>':username" v-model="newusername"
                                    <img src="/image/avatar.png" alt="" id="img1" v-else-if="'<%= userbasicinfo.avatar %>' != null"> -->
                                    <% if(userbasicinfo.avatar) { %>
                                        <img :src="avatar==''?'<%= userbasicinfo.avatar %>':avatar" id="img1" alt="">
                                    <% }else { %>
                                        <img src="/image/avatar.png" id="img1" alt="">
                                    <% } %>
                                    <!-- <img src="/image/avatar.png" alt="" id="img1" v-if="'<%= userbasicinfo.avatar %>' == ''">
                                    <img src="<%= userbasicinfo.avatar %>" id="img1" alt="" v-else-if="'<%= userbasicinfo.avatar %>' != ''"> -->
                                </div>
                                <label for="changeuseravatar">
                                        <i class="icon iconfont icon-xiangji i-con" @click="showuseravatar=true" id="inputImagee"></i>
                                </label>
                                <div class="personal-box-name" v-html="username==''?'<%= userbasicinfo.nickname %>':username">
                                    
                                </div>
                            </div>
                            <div class="information-box">
                                <div class="information">
                                    <span class="information-name"><%= __('userName') %></span>
                                    <span class="information-content" v-show="this.changeunamenum==0" v-html="username==''?'<%= userbasicinfo.nickname %>':username">
                                    </span>
                                    <span class="information-content" v-show="this.changeunamenum==1">
                                        <input type="text" class="changeuname" v-model="newusername">
                                    </span>
                                    <div class="modify fr" @click="changeusername()" v-show="this.changeunamenum==0"><%= __('modify') %></div>
                                    <div class="modify fr" @click="changeunamenum=0" v-show="changeunamenum==1"><%= __('cancel') %></div>
                                    <div class="modify fr" @click="changeusername()" v-show="this.changeunamenum==1"><%= __('confirm') %></div>
                                </div>
                                <div class="information">
                                    <span class="information-name"><%= __('email') %></span>
                                    <span class="information-content">
                                        <%= userbasicinfo.email %>
                                    </span>
                                </div>
                                <div class="information">
                                    <span class="information-name">UID:</span>
                                    <span class="information-content">
                                        <%= userbasicinfo.id %>
                                    </span>
                                </div>
                                <div class="information">
                                    <span class="information-name"><%= __('createAt') %></span>
                                    <span class="information-content">{{getTime(<%= userbasicinfo.registerTime %>)}}</span>
                                </div>
                            </div>

                            <!-- 修改图片盒子 -->
                            <div class="useravatarbox" v-show="showuseravatar">
                                <div class="useravatarbox-container img-container">
                                    <% if(userbasicinfo.avatar) { %>
                                        <img :src="avatar==''?'<%= userbasicinfo.avatar %>':avatar" id="image" alt="">
                                    <% }else { %>
                                        <img src="/image/avatar.png" id="image" alt="">
                                    <% } %>
                                    <!-- <img src="/image/avatar.png" alt="" id="image" v-if="'<%= userbasicinfo.avatar %>' == ''">
                                    <img src="<%= userbasicinfo.avatar %>" id="image" alt="" v-else-if="'<%= userbasicinfo.avatar %>' != ''"> -->
                                </div>
                            <div class="groupgg">
                                <div class="btn-group fl fl-fl">
                                                <button type="button" class="btn btn-primary" data-method="rotate" data-option="-45" name="btn1" title="">
                                                    <span class="fa fa-rotate-left" id="fa-rotate-right"></span>
                                                </button>
                                                <button type="button" class="btn btn-primary" data-method="rotate" data-option="45" name="btn2" title="">
                                                    <span class="fa fa-rotate-right" id="fa-rotate-left"></span>
                                                </button>
                                    </div>
                                    <div class="btn-group fl posa-div">
                                            <button type="button" class="btn" data-method="reset" name="btn3" title="">
                                                <span class="fa fa-refresh posa" id="reset"></span>
                                            </button>
                                                    <label class="docs-tooltipP" for="inputImage" title="">
                                                            <input  type="file" class="btn sr-only" id="inputImage" name="file" accept=".jpg">
                                                            <span class="fa fa-upload btn inputImage"  @click="inputImageee()"> </span>
                                                            <!-- <button class="docs-tooltipP" data-toggle="tooltip" data-animation="false" name="btn4"    逆时针45度 顺时针45度 重置 选择图片 退出 确认上传>
                                                            <span class="fa fa-upload btn inputImage"></span>
                                                            </button> -->
                                                    </label>
                                            <!-- <button type="button" class="" data-method=""  name="btn5">
                                                <span class="btn" data-toggle="tooltip" data-animation="false">
                                                <span class="fa fa-power-off btn" id="clear"></span>
                                                </span>
                                            </button> -->
                                            <button type="button" class="" data-method=""  name="btn5" title="">
                                                <span class="btn" data-toggle="" data-animation="">
                                                <span class="fa fa-power-off btn" id="clear1" @click="returnn()"></span>
                                                </span>
                                            </button>
                                    </div>
                                    <div class="fl"> 
                                            <button type="button" class="btn-secondary" id="getDataa" data-method="getData" data-option data-target="#putData"  name="btn6" @click="uploadImage()">
                                                <span class="docs-tooltip btnn" data-toggle="tooltip" data-animation="false" title="">
                                                        OK
                                                </span>
                                            </button>
                                        </div>
                            </div>
                                        <!-- Show the cropped image in modal -->
                                <!-- <div class="modal fade docs-cropped" id="getCroppedCanvasModal" aria-hidden="true" aria-labelledby="getCroppedCanvasTitle" role="dialog" tabindex="-1">
                                    <div class="modal-dialog">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                        <h5 class="modal-title" id="getCroppedCanvasTitle">Cropped</h5>
                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                            <span aria-hidden="true">&times;</span>
                                        </button>
                                        </div>
                                        <div class="modal-body"></div>
                                        <div class="modal-footer">
                                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                        <a class="btn btn-primary" id="download" href="javascript:void(0);" download="cropped.jpg">Download</a>
                                        </div>
                                    </div>
                                    </div>
                                </div> -->
                                <!-- /.modal -->
                            </div>
                        </div>
                    </div>
                    <div :class="['g_c_right',{'hidden':activenav!=3}]">
                        <div class="security">
                            <p class="security_tit"><%= __('accountSecurity') %></p>
                            <div class="security_content">
                                <p class="modifypwd"><%= __('modifypwd') %></p>
                                <div class="modifypwd_wrap">
                                    <div>
                                        <span class="sign"><%= __('securityEmail') %></span>
                                        <span style="font-size:16px;color:#515151" class="signone">
                                            <%= userbasicinfo.email %>
                                        </span>
                                    </div>
                                    <!-- <div v-if="false"> -->
                                    <div > 
                                        <span class="sign"><%= __('verificationCode') %></span>
                                        <input type="text" placeholder="<%= __('inputemailcode') %>" class="sendcodeone" ref="oldpassword" v-model="old">
                                        <!-- <span class="sign"><%= __('oldPassword') %></span>
                                        <input type="password" placeholder="<%= __('originalPassword') %>" ref="oldpassword" v-model="old"> -->
                                        <button class="modifybtn" @click="sendcode" :disabled="isfalse"><%= __('sendOut') %></button>
                                    </div>
                                    <div>
                                        <span class="sign"><%= __('oldPassword') %></span>
                                        <!-- <input type="password" placeholder="<%= __('inputnewpassword') %>"> -->
                                        <input type="password" placeholder="<%= __('originalPassword') %>" ref="newpassword" v-model="newp">
                                    </div>
                                    <div>
                                        <span class="sign"><%= __('reNewpassword') %></span>
                                        <!--<input type="password" placeholder="<%= __('inputreNewpassword') %>"> -->
                                        <input type="password" placeholder="<%= __('inputreNewpassword') %>" ref="Confirmnewpassword" v-model="Confirmnew">
                                        <button class="modifybtn" @click='updatepassword()'><%= __('confirmChange') %></button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <%- include('base/footer'); %>
    </div>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.3.4/cropper.min.js"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script src="js/jquery-1.11.1.min.js"></script>
    <script src="js/cropper.js"></script>
    <script src="js/main.js"></script>
    <script src="js/growth.js"></script>
</body>

</html>